<template>
  <div class="box">
    <SvgIcon
      style="color: #fff; font-size: 20px; cursor: pointer"
      icon-class="fullscreen"
      @click="changeScreen"
    />
  </div>
</template>

<script>
import SvgIcon from '../SvgIcon/index.vue'
import screenfull from 'screenfull'
export default {
  name: 'Full',
  components: { SvgIcon },
  methods: {
    changeScreen() {
      if (screenfull.isEnabled) {
        screenfull.toggle()
      }
    }
  }
}
</script>

<style>
.box {
  /* display: inline-block; */
}
</style>
